<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<title>自助挑选月嫂、月儿嫂</title>
		<link rel="stylesheet" type="text/css" href="../font-awesome/4.5.0/css/font-awesome.min.css"/>
		<!--[if lt IE 9]>
        <script src="../js/html5shiv.min.js"></script>
		<script src="../js/respond.min.js"></script>
        <![endif]-->

	</head>
	<body>
		<main style="min-height: 100%;margin-bottom: -500px;">
			
			<header>
				<ul>
					<li class="header_active">月嫂</li>
					<li>育儿嫂</li>
				</ul>
			</header>
			
			
			<nav>
				<div class="title">
					<span class="return"><img src="../img/return.png"/></span>
					<p><input type="text" id="search" placeholder="请输入姓名搜索" /><i><img src="../img/b2_06.png"/></i></p>
					<span class="screen"><img src="../img/saixuan.png"/></span>
				</div>
			</nav>
			
			
			
				<div class="list">
					<ul>
						<li class="active">综合</li>
						<li>按经验</li>
						<li>按价格</li>
						<li>按年龄</li>
					</ul>
				</div>
				
				<section>
					<div class="content">
						<ul>
							<li class="icon">
								<img src="../img/header.jpg"/>
							</li>
							<li class="data">
								<p>
									<span class="name">菲菲</span>
									
									
								</p>
								<p class="demo_v">V5</p>
							</li>
							
							<li class="Price">
								<p class="default">市场价格：7200</p>
								<p>管家帮价：<span>6200</span></p>
							</li>
						</ul>
						
						<div class="information">
							<ul>
								<li>
									<p>
										<span><img src="../img/age.png"/>  29岁</span>
										<span class="title"><img src="../img/experience.png"/>  4年经验</span>
										<span class="title"><img src="../img/address.png"/>  河北省石家庄人</span>
									</p>
								</li>
									
								</ul>
								
								
								
								<ul>
								<li>
									<p>
										<span><img src="../img/card.png"/>  3证</span>
										<span class="certificate">健康证|母婴护理师证|其他证书</span>
									</p>
								</li>
							</ul>
							
						</div>
					</div>
					<div class="content">
						<ul>
							<li class="icon">
								<img src="../img/header.jpg"/>
							</li>
							<li class="data">
								<p>
									<span class="name">菲菲</span>
									
									
								</p>
								<p class="demo_v">V5</p>
							</li>
							
							<li class="Price">
								<p class="default">市场价格：7200</p>
								<p>管家帮价：<span>6200</span></p>
							</li>
						</ul>
						
						<div class="information">
							<ul>
								<li>
									<p>
										<span><img src="../img/age.png"/>  29岁</span>
										<span class="title"><img src="../img/experience.png"/>  4年经验</span>
										<span class="title"><img src="../img/address.png"/>  河北省石家庄人</span>
									</p>
								</li>
									
								</ul>
								
								
								
								<ul>
								<li>
									<p>
										<span><img src="../img/card.png"/>  3证</span>
										<span class="certificate">健康证|母婴护理师证|其他证书</span>
									</p>
								</li>
							</ul>
							
						</div>
					</div>
					<div class="content">
						<ul>
							<li class="icon">
								<img src="../img/header.jpg"/>
							</li>
							<li class="data">
								<p>
									<span class="name">菲菲</span>
									
									
								</p>
								<p class="demo_v">V5</p>
							</li>
							
							<li class="Price">
								<p class="default">市场价格：7200</p>
								<p>管家帮价：<span>6200</span></p>
							</li>
						</ul>
						
						<div class="information">
							<ul>
								<li>
									<p>
										<span><img src="../img/age.png"/>  29岁</span>
										<span class="title"><img src="../img/experience.png"/>  4年经验</span>
										<span class="title"><img src="../img/address.png"/>  河北省石家庄人</span>
									</p>
								</li>
									
								</ul>
								
								
								
								<ul>
								<li>
									<p>
										<span><img src="../img/card.png"/>  3证</span>
										<span class="certificate">健康证|母婴护理师证|其他证书</span>
									</p>
								</li>
							</ul>
							
						</div>
					</div>
					<div class="content">
						<ul>
							<li class="icon">
								<img src="../img/header.jpg"/>
							</li>
							<li class="data">
								<p>
									<span class="name">菲菲</span>
									
								</p>
								<p class="demo_v">V5</p>
							</li>
							
							<li class="Price">
								<p class="default">市场价格：7200</p>
								<p>管家帮价：<span>6200</span></p>
							</li>
						</ul>
						
						<div class="information">
							<ul>
								<li>
									<p>
										<span><img src="../img/age.png"/>  29岁</span>
										<span class="title"><img src="../img/experience.png"/>  4年经验</span>
										<span class="title"><img src="../img/address.png"/>  河北省石家庄人</span>
									</p>
								</li>
									
								</ul>
								
								
								
								<ul>
								<li>
									<p>
										<span><img src="../img/card.png"/>  3证</span>
										<span class="certificate">健康证|母婴护理师证|其他证书</span>
									</p>
								</li>
							</ul>
							
						</div>
					</div>
					<div class="content">
						<ul>
							<li class="icon">
								<img src="../img/header.jpg"/>
							</li>
							<li class="data">
								<p>
									<span class="name">菲菲</span>
									
									
								</p>
								<p class="demo_v">V5</p>
							</li>
							
							<li class="Price">
								<p class="default">市场价格：7200</p>
								<p>管家帮价：<span>6200</span></p>
							</li>
						</ul>
						
						<div class="information">
							<ul>
								<li>
									<p>
										<span><img src="../img/age.png"/>  29岁</span>
										<span class="title"><img src="../img/experience.png"/>  4年经验</span>
										<span class="title"><img src="../img/address.png"/>  河北省石家庄人</span>
									</p>
								</li>
									
								</ul>
								
								
								
								<ul>
								<li>
									<p>
										<span><img src="../img/card.png"/>  3证</span>
										<span class="certificate">健康证|母婴护理师证|其他证书</span>
									</p>
								</li>
							</ul>
							
						</div>
					</div>
			</section>
			
		</main>
			<div id="Nopick">
				<p class="hide"></p>
				<img class="Nopick_img" src="../img/suspension.png"/>
			</div>
			
			
			
			
			
			
		<script type="text/javascript" src="../js/jquery-3.2.1.js" ></script>
		<script type="text/javascript">
			$(function(){
				$('.list ul li').click(function(){
					$(this).addClass('active').siblings().removeClass('active')
				})
				$('.hide').click(function(){
					$(this).next().hide()
				})
				
				$('.screen').click(function(){
					location.href="filter.html";
				});
				$('.content').click(function(){
					location.href="details.html";
				});
				$('.Nopick_img').click(function(){
					location.href="mobile_verification.html";
				});
				
//				$('#search').focus(function(){
//					$('#Nopick').hide();
//				console.log(11)		
//				});
//				
//				$('#search').blur(function(){
//					$('#Nopick').show();
//				})
				
			})
			
			
			
		</script>
	</body>
</html>
